<%-- 
    Document   : verKardex
    Created on : 14-jul-2012, 8:14:10
    Author     : Administrador
--%>
<%@page import="com.javabeans.Carrera"%>
<%@page import="java.util.List"%>
<%@include file="../../sessionEst.jsp" %>
<%@page import="com.javabeans.Gestion"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%
    int i = 0;
    int year = s_now.get(Calendar.YEAR);
    List<Carrera> carreras = (List<Carrera>)request.getAttribute("carreras");
%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>SiSS </title>
        <meta name="description" content="Derechos Reservados SI-ESFM." />
        <link rel="stylesheet" href="css/styles.css" type="text/css" />
        <link rel="stylesheet" href="css/menu/style.css" type="text/css" />
        <link rel="shortcut icon" href="images/ico.png" type="image/png"/>
        <script type="text/javascript" src="<%=s_path%>/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/comun.js"></script>
        <style type="text/css">
            div.medio center p{width:95%;float:left;font-size:13px;color:#000000;line-height:21px;padding-bottom:35px;}
        </style>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#botonVer").click(function() {
                    var i=0;
                    var idCarrera =0;
                    var idFacultad=0;
                    var nomCarrera ="";
                    var valor = "";
                    $("#carrera option:selected").each(function (){
                       valor = $(this).val();
                       nomCarrera = $(this).text();
                       i=valor.indexOf("_");
                       if(i!= -1){
                           idCarrera = valor.substring(0, i);
                           idFacultad = valor.substring(i+1);
                       }
                    });
                    if(valor != ""){
                        $.ajax({
                            type: 'POST',
                            url: 'InfAcademicaEst',
                            data: {accion:5,idCarrera:idCarrera, idFacultad:idFacultad, nomCarrera:nomCarrera},
                            success: function(res) {
                                $('#kardex').html(res);
                            },
                            error:function(){alert("Error! al obtener el kardex")}
                        });
                    }else{
                        alert("Seleccione una especialidad!");
                        $("#carrera").focus();
                    }
                });


               
            });
        </script>
    </head>
    <body onload="showTime(<%=s_param%>)">
        <div id="top-wrap">
            <!-- cabeza principal -->
            <%@include file="../../headEst.jsp" %>
            <!-- cuerpo -->
            <div id="bodySpace">
                <!-- aqui va la ruta -->
                <div class="clearfix" id="middle">
                    <!-- aqui va el arbol de entrada -->
                    <div id="breadcrumb"><!-- le da la forma de la imagen -->
                        <ul>
                            <li><a href="<%=s_path%>/WEB-INF/ESTUDIANTE/portada.jsp">Home</a></li><!-- no va dar porq necesita ser un dispacher -->
                            <li><span style="color:#666">Inf. Acad&eacute;mica</span></li>
                            <li class="current-page"><span class="end"><span class="middle">Kardex</span></span></li>
                        </ul>
                        <!-- para la hora -->
                        <div style="clear: both;position: absolute;text-align: right;width: 100%;"><span id="fechaServ"></span>&nbsp;&nbsp;<span id="horaServ" style=""></span>&nbsp;</div>
                    </div><!-- begin SIDEBAR FIRST -->
                </div>
                <div id="principal">
                    <!-- todo el cuerpo disponible para el area de trabajo -->
                    <div class="cuerpoCompleto" style="border: 0px solid">
                        <div class="innerLeft" style="border: 0px solid">
                           <div style="clear:both;">
                                <label class="form_align43" >Seleccione Especialidad : </label>    
                                <select name="carrera" id="carrera" class="form_input_align" title="Seleccione Unidad Acad&eacute;mica">
                           <%
                                int idFacultad = 0;
                                if(carreras.size() == 1){
                                    Carrera c = (Carrera)carreras.get(0);
                                    idFacultad = c.getIdFacultad();
                                    out.println("<option value='"+c.getIdCarrera()+"_"+c.getIdFacultad()+"'>"+c.getNombre()+"</option>");
                                }else{
                                    out.println("<option value=''>Seleccione Carrera</option>");
                                    for(Carrera c:carreras){
                                        out.println("<option value='"+c.getIdCarrera()+"_"+c.getIdFacultad()+"'>"+c.getNombre()+"</option>");
                                    }
                                }
                            %>
                                </select>&nbsp;&nbsp;
                                 <input type="button" value="Ver Kardex" id="botonVer" class="boton" title="Pulsa para ver el kardex"/>
                            </div>
                            
                            <br/>
                            <div id="kardex"></div>
                        </div>
                    </div><!--end of leftPan-->
                </div>
            </div>
            <!-- footer -->
        </div>
    </body>
</html>